/*div:nth-child(3) 这里的nth表示所有的元素*/
/*伪选择器*/
div:nth-child(4) {
    color: green;
}

div[aaa] {
    color: blue;
}

/*div:nth-child(3){*/
/*    color: red;*/
/*}*/
/*  > 表示子代选择器 */
/*body > div:nth-child(7) > div:nth-child(2) {*/
/*    color: coral;*/
/*}*/
body > div {
    color: #855252;
}

#top {
    /*color: #e89e9e;*/
    color: rgb(133, 88, 88);
    /*rgba a代表的是透明度,取值范围  0，1之间 */
    color: rgba(133, 88, 88, 0.5);

}

/* 选择器的优先级 style> id >class>div:nth-child(4)  >  body> div*/
.middle {
    background-image: url("../img/banner_qtah.jpg");
    /*这里的高端是指div的高宽，不是指背景图片的高宽*/
    /*所以需要设置背景图片高宽*/
    /*background-size:1000px 400px ;*/
    background-size: 100% 100%;
    /*height: 400px;*/
    width: 1000px;
    /*    这里的高度，应该是等比例缩放*/
    height: calc(1000 * 808px / 1920);
}

/*只要设置了display，那么里面的所有div都会默认在一行*/
/*body{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/
.test {
    display: flex;
    justify-content: center;
}